<template>
    <h1>组件优先级</h1>
    <ul>
        <!-- 错误的写法 -->
        <!-- <li v-for="item in arr" v-if="item.flag">{{item}}</li> -->
        <!-- 正确的写法 -->
        <template v-for="item in arr">
            <li v-if="item.flag">{{item.title}}</li>
        </template>
    </ul>
</template>
<script>
    export default {
        data () {
            return {
                arr:[
                    {
                        id: 1,
                        title:'看电影',
                        flag:false,
                    },
                    {
                        id: 2,
                        title:'玩游戏',
                        flag:true,
                    },
                    {
                        id: 3,
                        title:'吃火锅',
                        flag:false,
                    }
                ]
            }
        }
    }
</script>